<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="yes" name="apple-mobile-web-app-capable">
          <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, target-densityDpi=device-dpi" />
          <!-- 微软的老式浏览器 -->
          <meta name="MobileOptimized" content="320">
          <!-- 启用360浏览器的极速模式(webkit) – -->
          <meta name="renderer" content="webkit">
          <!-- 避免IE使用兼容模式 -->
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
          <meta name="HandheldFriendly" content="true">
          <!-- uc强制竖屏 -->
          <meta name="screen-orientation" content="portrait">
          <!-- QQ强制竖屏 -->
          <meta name="x5-orientation" content="portrait">
          <!-- UC强制全屏 -->
          <meta name="full-screen" content="yes">
          <!-- QQ强制全屏 -->
          <meta name="x5-fullscreen" content="true">
          <!-- UC应用模式 若开启长按无法复制链接-->
          <!--meta name="browsermode" content="application"-->
          <!-- QQ应用模式 -->
          <meta name="x5-page-mode" content="app">
          <!--网站开启对web app程序的支持-->
          <meta name="apple-touch-fullscreen" content="yes">
          <!--在web app应用下状态条（屏幕顶部条）的颜色-->
          <meta name="apple-mobile-web-app-status-bar-style" content="black">
          <!-- windows phone 点击无高光 -->
          <meta name="msapplication-tap-highlight" content="no">
          <!--移动web页面是否自动探测电话号码-->
          <!--<meta http-equiv="x-rim-auto-match" content="none">-->
          <!--手机号码显示为拨号链接-->
          <meta name="format-detection" content="telephone=no">
          <meta http-equiv="Cache-Control" content="max-age=300" />
          <meta http-equiv="Expires" content="300" />
          <title>投哪网-圈子详情</title>
          <link rel="stylesheet" href="../css/reset.css">
          <link rel="stylesheet" href="../css/person-index.css">
          <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
          <link rel="stylesheet" href="../assets/layer_mobile/need/layer.css">
          <script src="../assets/layer_mobile/layer.js"></script>
          <script src="../js/jquery.min.js"></script>
          <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
          <script src="../js/common.js"></script>
          <script src="../js/circle.js"></script>
    </head>
    <body>
    <div class="container">
      <div class="title">
        <div class="title-banner">
          <img src="../images/person_banner.png">
        </div>
        <div class="title-person clearfix">
          <div class="per-img">
            <img src="../images/person.png" height="130" width="130">
          </div>
          <div class="per-name">
            <h4>糊涂金导师</h4>
          </div>
          <div class="per-btn">
            <a class="per-chat">聊天</a>
            <a class="per-master">拜师</a>
          </div>
        </div>
        <div class="title-have">
          <p class="apprentice">徒弟<span>555</span></p>
          <p class="master">师傅<span>555</span></p>
        </div>
        <div class="title-ex">
          <p class="year">网贷投资<span>10年</span></p>
          <p class="boom">踩雷次数<span>0雷</span></p>
          <p class="plat">投资平台<span>22家</span></p>
        </div>
      </div>

<!-- 观点or红包 -->
      <div class="content">
        <div class="tab">
          <p class="viewport tab-active">观点</p>
          <p class="hongbao">红包</p>
        </div>
        <!-- <div class="con-title">
          <h4>师傅的红包</h4>
        </div>
        <div class="con-detail">
          <ul>
            <li>
              <div class="detail-top clearfix">
                <img src="../images/circle-platform.png">
                <p class="btn-set">放心投</p>
                <a href="#">进入圈子</a>
              </div>
              <div class="red-con">
                <ul>
                  <li>
                    <div class="tody-part">
                      <h4>8%~17.5%</h4>
                      <p>年化收益</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <div class="tody-part">
                      <span>最高</span>
                      <h4>138</h4>
                      <p>首投奖励</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <a href="#" class="tody-part">
                      <img src="../images/hongbao2.png">
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <div class="detail-top clearfix">
                <img src="../images/circle-platform.png">
                <p class="btn-set">放心投</p>
                <a href="#">进入圈子</a>
              </div>
              <div class="red-con">
                <ul>
                  <li>
                    <div class="tody-part">
                      <h4>8%~17.5%</h4>
                      <p>年化收益</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <div class="tody-part">
                      <span>最高</span>
                      <h4>138</h4>
                      <p>首投奖励</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <a href="#" class="tody-part">
                      <img src="../images/hongbao2.png">
                    </a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div> -->
        <div class="con-detailh">
          <ul>
            <li>
              <div class="top-swiper-container swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="detail-top clearfix">
                      <img src="../images/circle-platform.png">
                      <p class="btn-set"></p>
                      <a href="#">进入圈子</a>
                    </div>
                    <div class="red-con">
                      <ul>
                        <li>
                          <div class="tody-part">
                            <h4>8%~17.5%</h4>
                            <p>年化收益</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <div class="tody-part">
                            <span>最高</span>
                            <h4>138</h4>
                            <p>首投奖励</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <a href="#" class="tody-part lingqu">
                            <img src="__PUBLIC__images/hongbao2.png">
                            <p class="hongbao2">领取红包</p>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="detail-top clearfix">
                      <img src="../images/circle-platform.png">
                      <p class="btn-set"></p>
                      <a href="#">进入圈子</a>
                    </div>
                    <div class="red-con">
                      <ul>
                        <li>
                          <div class="tody-part">
                            <h4>8%~17.5%</h4>
                            <p>年化收益</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <div class="tody-part">
                            <span>最高</span>
                            <h4>138</h4>
                            <p>首投奖励</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <a href="#" class="tody-part lingqu">
                            <img src="__PUBLIC__images/hongbao2.png">
                            <p class="hongbao2">领取红包</p>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="detail-top clearfix">
                      <img src="../images/circle-platform.png">
                      <p class="btn-set"></p>
                      <a href="#">进入圈子</a>
                    </div>
                    <div class="red-con">
                      <ul>
                        <li>
                          <div class="tody-part">
                            <h4>8%~17.5%</h4>
                            <p>年化收益</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <div class="tody-part">
                            <span>最高</span>
                            <h4>138</h4>
                            <p>首投奖励</p>
                          </div>
                          <span></span>
                        </li>
                        <li>
                          <a href="#" class="tody-part lingqu">
                            <img src="__PUBLIC__images/hongbao2.png">
                            <p class="hongbao2">领取红包</p>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>      
            </li>
            <li>
              <div class="detail-top clearfix">
                <img src="../images/circle-platform.png">
                <p class="btn-set"></p>
                <a href="#">进入圈子</a>
              </div>
              <div class="red-con">
                <ul>
                  <li>
                    <div class="tody-part">
                      <h4>8%~17.5%</h4>
                      <p>年化收益</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <div class="tody-part">
                      <span>最高</span>
                      <h4>138</h4>
                      <p>首投奖励</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <a href="#" class="tody-part">
                      <img src="../images/hongbao2.png">
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <div class="detail-top clearfix">
                <img src="../images/circle-platform.png">
                <p class="btn-set"></p>
                <a href="#">进入圈子</a>
              </div>
              <div class="red-con">
                <ul>
                  <li>
                    <div class="tody-part">
                      <h4>8%~17.5%</h4>
                      <p>年化收益</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <div class="tody-part">
                      <span>最高</span>
                      <h4>138</h4>
                      <p>首投奖励</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <a href="#" class="tody-part">
                      <img src="../images/hongbao2.png">
                    </a>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <div class="detail-top clearfix">
                <img src="../images/circle-platform.png">
                <p class="btn-set"></p>
                <a href="#">进入圈子</a>
              </div>
              <div class="red-con">
                <ul>
                  <li>
                    <div class="tody-part">
                      <h4>8%~17.5%</h4>
                      <p>年化收益</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <div class="tody-part">
                      <span>最高</span>
                      <h4>138</h4>
                      <p>首投奖励</p>
                    </div>
                    <span></span>
                  </li>
                  <li>
                    <a href="#" class="tody-part lingqu">
                      <img src="__PUBLIC__images/hongbao2.png">
                      <p class="hongbao2">领取红包</p>
                    </a>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <!-- 最新动态 -->
      <div class="dynamic">
        <div class="dynamic-title">
          <h4>最新动态</h4>
        </div>
        <div class="dynamic-con">
          <ul>
            <li class="clearfix">
              <div class="dy-left">
                <p class="data">24</p>
                <p class="month">十二月</p>
              </div>
              <div class="dy-right clearfix">
                <div class="dy-where">
                  <p>在<a>投哪网圈子</a>发表了平台短评</p>
                </div>
                <div class="header-bottom clearfix">
                  <ul>
                    <li>
                      <span>国资系</span>
                    </li>
                    <li>
                      <span>已存管</span>
                    </li>
                    <li>
                      <span>运营时间5年+</span>
                    </li>
                  </ul>
                </div>
                <div class="dy-btn">
                  <p class="btn-set"></p>
                </div>
                <div class="dy-con">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
              </div>
            </li>
            <li class="clearfix">
              <div class="dy-left">
                <p class="data">24</p>
                <p class="month">十二月</p>
              </div>
              <div class="dy-right">
                <div class="dy-where">
                  <p>在<a>投哪网圈子</a>发表了平台短评</p>
                </div>
                <div class="header-bottom">
                  <ul>
                    <li>
                      <span>国资系</span>
                    </li>
                    <li>
                      <span>已存管</span>
                    </li>
                    <li>
                      <span>运营时间5年+</span>
                    </li>
                  </ul>
                </div>
                <div class="dy-btn">
                  <p class="btn-set"></p>
                </div>
                <div class="dy-con">
                  <p>从我个人审美来说，《勇敢传说》之于皮克斯总是一部清奇的存在，各种画风不符，导致它成为我至今唯一丁点没看过的皮克斯作品（《恐龙当家》我都冲着风景...</p>
                </div>
                <div class="item-left">
                  <div class="item-good">
                    <img src="../images/comment-no.png" height="26" width="28">
                    <span>18</span>
                  </div>
                  <div class="item-com">
                    <img src="../images/comment.png" height="25" width="28">
                    <span>38</span>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="loading">
        <span class="loading-left"></span>
        <p>加载中</p>
        <span class="loading-right"></span>
      </div>
      <div class="base-line">
        <span class="base-left"></span>
        <p>我是有底线的</p>
        <span class="base-right"></span>
      </div>
    </div>
    <script type="text/javascript">
    var swiper = new Swiper('.swiper-container', {
    slidesPerView: 1,
    spaceBetween: 30,
  });
      $('.viewport').click(function() {
        $('.viewport').addClass('tab-active');
        $('.hongbao').removeClass('tab-active');
        $('.con-detail').css('display','block');
        $('.con-detailh').css('display','none');
        $('.dynamic').css('display','block');
      });
      $('.hongbao').click(function() {
        $('.hongbao').addClass('tab-active');
        $('.viewport').removeClass('tab-active');
        $('.con-detailh').css('display','block');
        $('.con-detail').css('display','none');
        $('.dynamic').css('display','none');
      });
    </script>
    </body>
</html>